<style lang="stylus" scoped>
  .loading
    display flex
    flex-direction column
    align-items center
    padding 10rpx 0
    .loading-icon
      width 50rpx
      height @width
    .loading-text
      margin-top 6rpx
      line-height 32rpx
      font-size 24rpx
      color #666
</style>

<template>
  <div class="loading">
    <img class="loading-icon" src="https://sw4w23sr4f5.oss-cn-hangzhou.aliyuncs.com/loading.gif" alt="">
    <p class="loading-text" v-if="text">{{text}}</p>
  </div>
</template>

<script>
export default {
  props: {
    text: {
      type: String,
      default: '数据载入中...'
    }
  }
}
</script>


